/** 动态主题 */
$--color-primary: var(--color-primary) !default;
$--color-primary-light-1: var(--color-primary-5) !default;
$--color-primary-light-2: var(--color-primary-5) !default;
$--color-primary-light-3: var(--color-primary-5) !default;
$--color-primary-light-4: var(--color-primary-4) !default;
$--color-primary-light-5: var(--color-primary-4) !default;
$--color-primary-light-6: var(--color-primary-4) !default;
$--color-primary-light-7: var(--color-primary-3) !default;
$--color-primary-light-8: var(--color-primary-3) !default;
$--color-primary-light-9: var(--color-primary-1) !default;

$--color-success: var(--color-success) !default;
$--color-warning: var(--color-warning) !default;
$--color-danger: var(--color-danger) !default;
$--color-info: var(--color-info) !default;

$--color-success-light: var(--color-success-3) !default;
$--color-warning-light: var(--color-warning-3) !default;
$--color-danger-light: var(--color-danger-3) !default;
$--color-info-light: var(--color-info-2) !default;

$--color-success-lighter: var(--color-success-1) !default;
$--color-warning-lighter: var(--color-warning-1) !default;
$--color-danger-lighter: var(--color-danger-1) !default;
$--color-info-lighter: var(--color-info-1) !default;

$--color-white: var(--color-white) !default;
$--color-black: var(--color-black) !default;

$--color-text-primary: var(--color-text-primary) !default;
$--color-text-regular: var(--color-text-regular) !default;
$--color-text-secondary: var(--color-text-secondary) !default;
$--color-text-placeholder: var(--color-text-placeholder) !default;

/* Border */
$--border-color-base: var(--border-color-base) !default;
$--border-color-light: var(--border-color-light) !default;
$--border-color-lighter: var(--border-color-lighter) !default;
$--border-color-extra-light: var(--border-color-extra-light) !default;

/* Background */
$--background-color-base: var(--background-color-base) !default;

/* BoxShadow */
$--box-shadow-base: var(--box-shadow-base) !default;
$--box-shadow-dark: var(--box-shadow-dark) !default;
$--box-shadow-light: var(--box-shadow-light) !default;

/* Typography */
$--font-color-disabled-base: $--color-text-placeholder !default;

/* Icon */
$--icon-color: $--color-text-regular !default;

/* Checkbox */
$--checkbox-background-color: var(--checkbox-background-color) !default;
$--checkbox-disabled-input-fill: $--background-color-base !default;
$--checkbox-checked-icon-color: var(--color-text-dark-primary) !default;
$--checkbox-button-checked-font-color: var(--color-text-dark-primary) !default;

/* Radio */
$--radio-input-height: 16px !default;
$--radio-input-width: 16px !default;
$--radio-input-background-color: var(--radio-input-background-color) !default;
$--radio-icon-color: var(--color-text-dark-primary) !default;
$--radio-checked-icon-color: var(--radio-checked-icon-color) !default;
$--radio-button-checked-font-color: var(--color-text-dark-primary) !default;

/* Alert */
$--alert-title-font-size: 14px !default;

/* Message */
$--message-min-width: inherit !default;
$--message-background-color: $--color-primary-light-9 !default;
$--message-padding: 12px 16px !default;
$--message-info-font-color: $--color-primary !default;

/* Notification */
$--notification-radius: 2px !default;
$--notification-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !default;
$--notification-border-color: $--color-white !default;

/* Input */
$--input-background-color: var(--input-background-color) !default;

/* Cascader */
$--cascader-tag-background: $--color-info-lighter !default;

/* Group */
$--group-option-fill-hover: $--background-color-base !default;
$--group-title-color: $--color-text-primary !default;

/* Tab */
$--tab-border-line: 1px solid $--border-color-light !default;
$--tab-header-fill-active: $--background-color-base !default;
$--tab-header-fill-hover: $--background-color-base !default;
$--tab-vertical-header-count-color: var(--color-text-dark-primary) !default;

/* Button */
$--button-default-background-color: var(
  --button-default-background-color
) !default;
$--button-disabled-background-color: var(
  --button-disabled-background-color
) !default;
$--button-primary-font-color: var(--color-text-dark-primary) !default;
$--button-success-font-color: var(--color-text-dark-primary) !default;
$--button-warning-font-color: var(--color-text-dark-primary) !default;
$--button-danger-font-color: var(--color-text-dark-primary) !default;
$--button-info-font-color: var(--color-text-dark-primary) !default;

/* Table */
$--table-header-font-color: $--color-text-primary !default;
$--table-header-background-color: var(--table-header-background-color) !default;
$--table-fixed-box-shadow: var(--table-fixed-box-shadow) !default;

/* Popup */
$--popup-modal-background-color: var(--popup-modal-background-color) !default;
$--popup-modal-opacity: var(--popup-modal-opacity) !default;

/* Popover */
$--popover-background-color: var(--popover-background-color) !default;

/* Dialog */
$--dialog-background-color: $--popover-background-color !default;
$--dialog-box-shadow: var(--dialog-box-shadow) !default;

/* Select */
$--select-multiple-input-color: $--color-text-regular !default;
$--select-dropdown-background: $--popover-background-color !default;
$--select-dropdown-empty-color: $--color-text-secondary !default;

/* Tooltip */
$--tooltip-fill: var(--tooltip-fill) !default;
$--tooltip-color: var(--tooltip-color) !default;
$--tooltip-border-color: var(--tooltip-border-color) !default;

/* Badge */
$--badge-padding: 5px !default;
$--badge-size: 16px !default;

/* Card */
$--card-padding: 15px !default;

/* Slider */
$--slider-button-hover-color: var(--color-primary-10) !default;

/* DatePicker */
$--datepicker-inner-border-color: $--border-color-light !default;
$--datepicker-inrange-background-color: $--color-primary-light-9 !default;
$--datepicker-inrange-hover-background-color: $--color-primary-light-9 !default;
$--datepicker-cell-hover-color: var(--color-text-dark-primary) !default;

/* Scrollbar */
$--scrollbar-background-color: var(--scrollbar-background-color) !default;
$--scrollbar-hover-background-color: var(
  --scrollbar-hover-background-color
) !default;

/* Carousel */
$--carousel-arrow-background: var(--color-black-1) !default;
$--carousel-arrow-hover-background: var(--color-black-3) !default;

/* Backtop */
$--backtop-background-color: var(--backtop-background-color) !default;
$--backtop-font-color: var(--backtop-font-color) !default;
$--backtop-hover-background-color: var(
  --backtop-hover-background-color
) !default;

/* Calendar */
$--calendar-selected-background-color: $--color-primary-light-9 !default;

/* Avatar */
$--avatar-font-color: var(--color-text-dark-primary) !default;
$--avatar-background-color: var(--avatar-background-color) !default;

/* Descriptions */
$--descriptions-item-bordered-label-background: $--table-header-background-color !default;

/* Skeleton */
$--skeleton-color: var(--skeleton-color) !default;
$--skeleton-to-color: var(--skeleton-to-color) !default;

/* Svg */
$--svg-monochrome-grey: var(--svg-monochrome-grey) !default;

/* Layout */
$--layout-body-background: var(--layout-body-background) !default;
$--layout-mask-bg: var(--color-black-5) !default;

/* 侧栏 */
$--sidebar-light-shadow: var(--sidebar-light-shadow) !default;
$--sidebar-dark-shadow: var(--sidebar-dark-shadow) !default;

/* 顶栏 */
$--header-light-shadow: var(--header-light-shadow) !default;
$--header-dark-shadow: var(--header-dark-shadow) !default;
$--header-tool-hover-bg: var(--header-tool-hover-bg) !default;
$--header-dark-tool-hover-bg: var(--header-dark-tool-hover-bg) !default;

/* Logo */
$--logo-light-color: var(--color-text-primary) !default;
$--logo-dark-color: var(--color-text-dark-primary) !default;
$--logo-light-shadow: var(--logo-light-shadow) !default;
$--logo-dark-shadow: var(--logo-dark-shadow) !default;

/* Menu */
$--menu-dark-background: var(--menu-dark-background) !default;
$--menu-dark-item-color: var(--color-text-dark-regular) !default;
$--menu-dark-item-selected-color: var(--color-text-dark-primary) !default;

/* Image */
$--content-image-filter: var(--content-image-filter) !default;

$--cascader-tag-background: $--color-info-lighter;

@import './default.scss';
@import './dynamic-default.scss';
@import './dynamic-dark.scss';
